body{font-size:12px; line-height:150%;}
.wrap {max-width: 640px; min-width: 300px; margin: 0 auto;}
.gray{color:#b5b5b5;}
/*TOPMENU*/
#topmenu {border-top:3px solid #e5e5e5; border-bottom:2px solid #e5e5e5; height:25px; line-height:25px; background:#fcfcfc;} 
#topmenu ul li{float:left; width:20%; text-align:center; box-sizing:border-box; border-right:1px solid #f4f4f4;}
#topmenu ul li.last{border-right:0px;}
#topmenu ul li a{font-weight:bold; font-weight:11px; letter-spacing:-1px;}


/*header start*/

#header	{position:relative; background:#fff;  width:100%; text-align: center;}
#header #logo {text-align:center;}
#header #logo a {display: inline-block; display: inline-block; padding: 10px 0;}
#header .allmenu{position: absolute; top: 50%; left: 15px; width: 18px; height: 15px; cursor: pointer; margin-top:-7.5px; background: url('../img/newmain/menu.gif') no-repeat; background-size:18px;} 
#header .allmenu a{display:block; height:24px;}
#header .counsel{position: absolute; top: 50%; right: 15px; width: 30px; height: 20px; cursor: pointer; margin-top:-9px; background: url('../img/newmain/counsel.gif') no-repeat; background-size:30px;}
#header .counsel a{display:block; height:24px;}
#menuAll					{width:90%; position:absolute; top:75px; z-index:1000; margin:0 5%;}
#menuAll .menuAll_body		{margin:0 auto; position:relative;}
#menuAll .menuAll_top		{margin:0 34px; overflow:hidden;  height:17px; background:url(../img/main/top_center.gif) repeat-x 0 0;  }
#menuAll .menuAll_top .tit			{float:left; padding-left:34px;}
#menuAll .menuAll_top .close		{float:right; width:63px; margin-top:20px; }
#menuAll .menuAll_top .close a		{display:block; }
#menuAll p.tl						{position:absolute; left:0;   }
#menuAll p.tr						{position:absolute; right:0;  }
#menuAll .menuAll_cont_wrap									{}
#menuAll .menuAll_cont_wrap .menuAll_cont					{border-left: 1.5px solid #000101; border-right: 1.5px solid #000101;}
#menuAll .menuAll_cont_wrap .menuAll_cont ul				{overflow: hidden; float: left; padding-bottom: 5px; width:100%;}
#menuAll .menuAll_cont_wrap .menuAll_cont ul li				{float:left; color:#575656;   }
#menuAll .menuAll_cont_wrap .menuAll_cont ul li a			{padding:0px 10px 0 30px; display:block; line-height:25px; background:url(../img/main/bul.jpg) no-repeat 20px 10px; text-align:left; text-decoration: none;  font-weight:bold; font-size:13px; color:#ffffff;}

#menuAll .menuAll_bottom .bg ul.menu01					{ }
#menuAll .menuAll_bottom .bg ul.menu01 li				{float: left; padding:10px 0 0 4px; color: #575656; width:109px;}
#menuAll .menuAll_bottom .bg ul.menu01 li a {padding-left: 10px; display: block; line-height:25px; background: url(../img/main/bul.jpg) no-repeat 0 10px; text-decoration: none; font-weight: bold;font-size: 13px;color: #ffffff;}

#menuAll .menuAll_cont_wrap .menuAll_cont .menu01					{background:#6d6d6d; overflow:hidden; border-bottom:1px solid #060707; padding-bottom:10px;}

#menuAll .menuAll_cont_wrap .menuAll_cont .menu02					{background:#6d6d6d; overflow:hidden; border-bottom: 1px solid #414141; border-top: 1px solid #848484;}
#menuAll .menuAll_cont_wrap .menuAll_cont .menu02 li				{width:50%;}
#menuAll .menuAll_cont_wrap .menuAll_cont .menu02 li.b				{width:220px; letter-spacing:-2px }

#menuAll .menuAll_cont_wrap .menuAll_cont .menu03					{background:#6d6d6d; overflow:hidden; border-bottom: 1px solid #414141;
border-top: 1px solid #848484;}
#menuAll .menuAll_cont_wrap .menuAll_cont .menu03 li				{width:50%;}
#menuAll .menuAll_cont_wrap .menuAll_cont .menu03 li.b				{width:220px; letter-spacing:-2px }

#menuAll .menuAll_cont_wrap .menuAll_cont .menu04					{background:#6d6d6d; overflow:hidden;border-bottom: 1px solid #414141;
border-top: 1px solid #848484;}
#menuAll .menuAll_cont_wrap .menuAll_cont .menu04 li				{width:100%;}
#menuAll .menuAll_cont_wrap .menuAll_cont .menu04 li.b				{width:220px; letter-spacing:-2px }

#menuAll .menuAll_cont_wrap .menuAll_cont .menu05					{background:#6d6d6d; overflow:hidden;
border-top: 1px solid #848484; }
#menuAll .menuAll_cont_wrap .menuAll_cont .menu05 li				{width:100%;}
#menuAll .menuAll_cont_wrap .menuAll_cont .menu05 li.b				{width:220px; letter-spacing:-2px }




#menuAll .menuAll_bottom							{position:relative; }
#menuAll .menuAll_bottom p img						{vertical-align:top; }
#menuAll .menuAll_bottom .bl						{position:absolute; left:0;}
#menuAll .menuAll_bottom .br						{position:absolute; right:0}
#menuAll .menuAll_bottom .bg{overflow: hidden; background:url(../img/main/bot_center.gif)repeat-x ; height:16.5px; margin:0 34px 0 42px;}

/*header end*/


/*mainvisual*/

.Slider {overflow:hidden; position:relative; margin-bottom:10px;}
.Slider .swiper-content {width:100%; height:288px; overflow:hidden; position: relative;}
.Slider .swiper-content .swiper-wrapper{width:100%; height:288px; overflow:hidden; text-align:center;}
.Slider .swiper-content .swiper-wrapper .swiper-slide{float:left;}
.Slider .swiper-slide .title {height: 288px; width: 100%; background-size: 720px !important;}

.Event {padding-bottom: 30px;}
.Event .swiper-content {width:100%; height:168px; overflow:hidden; position: relative;}
.Event .swiper-content .swiper-wrapper{width:100%; height:168px; overflow:hidden; text-align:center;}
.Event .swiper-slide{float:left;}
.Event .swiper-slide .title {height: 168px; width: 100%; background-size: 340px !important;}



.Self {padding-bottom: 30px; border-bottom: 1px solid #dfdfdf; position:relative;}
.Self .swiper-content {width:320px; height:235px; overflow:hidden; position: relative; margin:0 auto;}
.Self .swiper-content .swiper-wrapper{width:320px; height:235px; overflow:hidden; text-align:center;}
.Self .swiper-slide{float:left; position: relative;}
.Self .swiper-slide .arrow_n {position: absolute; top: 89px; left: 148px; width: 24px; height: 24px; background: url(../img/main/arrow_n.png) no-repeat; background-size:24px;}
.Self .swiper-slide img {float:left}
.Self .swiper-slide p {margin-top: 10px; display: inline-block;}
.Self button.prev{
		background: url(../img/newmain/btn_prev.png) no-repeat;
		width: 35px;
		height: 62px;
		position: absolute;
		top: 210px;
		border: 0;
		text-indent: -9999px;
		left: 10px;
		z-index: 1;
	}

.Self button.next{
		background: url(../img/newmain/btn_next.png) no-repeat;
		width: 35px;
		height: 62px;
		position: absolute;
		top: 210px;
		border: 0;
		text-indent: -9999px;
		right: 10px;
		z-index: 1;
	}


.BeforeAfter .swiper-content {width:320px; height:250px; overflow:hidden; position: relative; margin:0 auto;}
.BeforeAfter .swiper-content .swiper-wrapper{width:320px; height:250px; overflow:hidden; text-align:center;}
.BeforeAfter .swiper-slide{float:left; position: relative;}
.BeforeAfter .swiper-slide .arrow_n {position: absolute; top: 108px; left: 148px; width: 24px; height: 24px; background: url(../img/main/arrow_n.png) no-repeat; background-size:24px;}
.BeforeAfter .swiper-slide img {float:left}
.BeforeAfter .swiper-slide p {margin-top: 10px; display: inline-block;}
.BeforeAfter .swiper-slide .title {height: 158px; width: 100%; background-size: 320px !important;}
.BeforeAfter {padding-bottom: 30px; border-bottom: 1px solid #dfdfdf; position:relative;}
.BeforeAfter button.prev{
		background: url(../img/newmain/btn_prev.png) no-repeat;
		width: 35px;
		height: 62px;
		position: absolute;
		top: 220px;
		border: 0;
		text-indent: -9999px;
		left: 10px;
		z-index: 1;
	}

.BeforeAfter button.next{
		background: url(../img/newmain/btn_next.png) no-repeat;
		width: 35px;
		height: 62px;
		position: absolute;
		top: 220px;
		border: 0;
		text-indent: -9999px;
		right: 10px;
		z-index: 1;
	}

.video {max-width:500px; margin:0 auto; padding-bottom: 30px; border-bottom: 1px solid #dfdfdf;} 
.videoWrapper {
	position: relative;
	padding-bottom: 50.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.videoWrapper p{
position: absolute;
top: 0;
z-index: 100;
line-height: 34px;
height: 34px;
width: 100%;
background: url(../img/main/videobg.png);
font-weight: bold;
}
.videoWrapper p font{
padding-left:10px;
}


.cafcon_pagination{text-align: center; position: absolute; top:5px; right:5px; cursor:pointer;}
.cafcon_pagination .swiper-pagination-switch {display: inline-block; width: 7px; height: 7px; border-radius: 7px; background: #fff; margin-right: 5px; opacity: 0.4; border: 1px solid #fff; cursor: pointer;}
.cafcon_pagination  .swiper-active-switch {opacity: 1;}
.cafcon_pagination .swiper-active-switch{background-position: -24px 50%;}

.Slider .swiper-nav {float: left;margin-top: -11px;width: 100%;height: 130px;overflow: hidden;box-sizing: border-box;z-index: 1;position: relative; border-bottom:1px solid #dfdfdf;}
.Slider .swiper-nav .swiper-wrapper {height:115px!important; width:100%; overflow:hidden;}
.Slider .swiper-nav .swiper-slide{width:20%; float:left; color:#000; text-align:center; height:115px;}
.Slider .swiper-nav .swiper-slide .tab{width: 55px; height: 105px; margin: 0 auto;  background-size:50px!important;}
.Slider .swiper-nav .swiper-slide .bg1{background:url(../img/main/gnb_01.png) no-repeat 0 0;}
.Slider .swiper-nav .swiper-slide .bg2{background:url(../img/main/gnb_02.png) no-repeat 0 0;}
.Slider .swiper-nav .swiper-slide .bg3{background:url(../img/main/gnb_03.png) no-repeat 0 0;}
.Slider .swiper-nav .swiper-slide .bg4{background:url(../img/main/gnb_04.png) no-repeat 0 0;}
.Slider .swiper-nav .swiper-slide .bg5{background:url(../img/main/gnb_05.png) no-repeat 0 0;}

.Slider .swiper-nav .swiper-slide.swiper-slide-active .bg1 {background:url(../img/main/gnb_01_on.png) no-repeat 0 0;}
.Slider .swiper-nav .swiper-slide.swiper-slide-active .bg2 {background:url(../img/main/gnb_02_on.png) no-repeat 0 0;}
.Slider .swiper-nav .swiper-slide.swiper-slide-active .bg3 {background:url(../img/main/gnb_03_on.png) no-repeat 0 0;}
.Slider .swiper-nav .swiper-slide.swiper-slide-active .bg4 {background:url(../img/main/gnb_04_on.png) no-repeat 0 0;}
.Slider .swiper-nav .swiper-slide.swiper-slide-active .bg5 {background:url(../img/main/gnb_05_on.png) no-repeat 0 0;}

.menuTab {width:100%;}
.menuTab ul {overflow:hidden;}
.menuTab ul li {width:50%; float:left; height:75px; background-size:140px!important;}
.menuTab ul li a {display: block; height: 75px;}
.menuTab .list1 {background:url(../img/main/menuTab1.png) no-repeat 50% 50% #820f38; }
.menuTab .list2 {background:url(../img/main/menuTab2.png) no-repeat 50% 50% #7e6649;}
.menuTab .list3 {background:url(../img/main/menuTab3.png) no-repeat 50% 50% #4f022e;}
.menuTab .list4 {background:url(../img/main/menuTab4.png) no-repeat 50% 50% #8d8070;}
.menuTab .list5 {background:url(../img/main/menuTab5.png) no-repeat 50% 50% #2b2b2b; height:150px;}
.menuTab .list6 {background:url(../img/main/menuTab6.png) no-repeat 50% 50% #454f58;}
.menuTab .list7 {background:url(../img/main/menuTab7.png) no-repeat 50% 50% #2e3841;}


/*footer start*/
#footer{background:#fff;  width:100%; text-align: center; padding-bottom:10px;}
#footer .ftmenu{width:100%; text-align:center; padding:25px 0; height:25px; overflow:hidden;}
#footer .ftmenu ul{display:inline-block;}
#footer .ftmenu ul li{float:left; padding:0 5px; text-align:center;}
#footer .ftmenu ul li.last{margin-right:0px; padding-left: 10px;}
#footer .info p{font-weight:normal; color:#262626; letter-spacing:-1px; font-size:11px;}
#footer .info p span.copy{font-weight:normal; font-size:9px; letter-spacing:0; font-family:sans-serif;}
/*footer end*/